body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}

table {
	font-size: 1em;
}

.demo-description {
	clear: both;
	padding: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.ui-widget {font:bold 11px Tahoma !important}
.ui-datagrid {width:100%}
.ui-datagrid thead th
,.ui-datagrid tbody td {text-align:left;padding:0.5em 0.3em;vertical-align:middle}

.ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-right {  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

ul#icons {
    margin: 0;
  	padding: 0;
}
ul#icons li {
	cursor: pointer;
	float: left;
	list-style: none outside none;
	margin: 2px;
	padding: 4px 0;
	position: relative;
}
ul#icons span.ui-icon {
  	float: left;
  	margin: 0 4px;
}
.clearfix:after {
  	clear: both;
  	content: ".";
  	display: block;
    height: 0;
   	visibility: hidden;
}
.clearfix {
  	display: inline-block;
}
* html .clearfix {
  	height: 1%;
}
.clearfix {
  	display: block;
}

#changeListControl .ui-selecting { background: #FECA40; }
#changeListControl .ui-selected { background: #F39814; color: white; }
#changeListControl { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#changeListControl li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }

#shareList .ui-selecting { background: #FECA40; }
#shareList .ui-selected { background: #F39814; color: white; }
#shareList { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#shareList li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 50px; }

.div-container {
	width: 800px;
}